<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <style>
            ul{
                list-style-type: none;
                margin:60px auto;
                width:350px;
                padding: 0;
                overflow: hidden;
                border: 1px solid #666666;
                background-color:#8470FF;
            }
            li a{
                display: block;
                color:#FFFFE0;
                text-align: center;
                padding: 10px 60px;
                text-decoration: none;
            }
            li a:hover:not(.active){
                background-color:#A0A0A0;
                color:bisque;
            }
            li a.active{
                color:aqua;
                background-color: rgb(103, 172, 199);
            }
            li a.active2{
                color:aqua;
                background-color: rgb(103, 172, 199);
            }
        </style>
    </head>
    <body>
        </br></br>
        <h1 align="center">
            贪吃蛇
        </h1>
        <ul>
            <li><a href="Snake.html">单人模式</a></li>
            <li><a href="Snakes.html">双人模式</a></li>
            <!--<li><a href="xunwu.html">排行榜（单人）</a></li>
            <li><a href="zhaoling.html">排行榜（双人）</a></li>-->
        </ul>
    </body>    
</html>